<!--
 * @Author: your name
 * @Date: 2021-03-16 16:37:32
 * @LastEditTime: 2021-03-17 11:26:55
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \svn-solax-cloud-system\src\views\canvas.vue
-->
<template>
    <div>
        12312312
        <baseFileInput v-model="file" placeholder='请选择文件'></baseFileInput>
        <canvas id='cs' style="width:400px;height:200px;border:1px solid #ccc;"></canvas>
    </div>
</template>

<script>
/** @type {HTMLCanvasElement} */
// let dom = document.querySelector('#cs')
// let ctx = dom.getContext('2d')

export default {
    components: {

    },
    props: {

    },
    data() {
        return {
            dom:'',
            ctx:'',
            file:''
        };
    },
    computed: {

    },
    watch: {

    },
    created() {

    },
    mounted() {
         /** @type {HTMLCanvasElement} */   
        // this.dom = document.querySelector('#cs')
        // this.ctx = this.dom.getcontext('2d')
        // let ctx = this.ctx
        // ctx.clearRect(0,0,400,200)
        // ctx.fill
        
    },
    methods: {

    },
};
</script>

<style  lang="less" scoped>

</style>
